/*
    1. 负责将传入的data中的属性 转化为响应式数据
    2. 如果 data里面的某个属性也是对象，也需要 处理
    3. 数据变化，发送通知
*/
class Observer {
    constructor(data) {
        this.walk(data)
    }
    walk(data) {
        if(!data || typeof data !== 'object') {
            return
        }
        // 遍历data, 每一个属性都需要处理
        Object.keys(data).forEach(key => {
            this.defineReactvie(data, key, data[key])
        })
    }
    defineReactvie(obj, key, val) {
        const that = this
        // 如果val也是对象，其下属的属性也需要处理
        this.walk(val)
        // 新建发布者，每一个 属性都对应都一个dep和无数个watcher（subs,只要get了，就是sub）
        const dep = new Dep()
        Object.defineProperty(obj, key,{
            configurable: true,
            enumerable: true,
            get() {
                // 这里将 watcher(sub) 收集依赖
                Dep.target && dep.addSub(Dep.target)
                // 如果写 obj[key], 就会进入死循环
                return val
            },
            set(newValue) {
                if(newValue === obj[key]) {
                    return
                }
                // 如果写 obj[key], 就会进入死循环
                val = newValue
                // 当赋值为对象时也需要 响应式
                that.walk(newValue)
                // 通知修改
                dep.notify()
            }
        })
    }
}